<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>首页</title>
{include file="Public/header"/}
<link rel="stylesheet" href="/static/home/css/liMarquee.css">
<!--BANNER-->
<div id="slide-banner" class="carousel slide mb-20" data-ride="carousel">
    <ol class="carousel-indicators">
		{volist name='photo' id='vp'}
        <li data-target="#slide-banner" data-slide-to="{$key}" {if condition="$key eq 0"}class="active"{/if}></li>
        {/volist}
    </ol>
    <div class="carousel-inner" role="listbox">
    	{volist name='photo' id='vp'}
        <div {if condition="$key eq 0"}class="item active"{/if} {if condition="$key neq 0"}class="item"{/if}>
            <img alt="" src="/images/{$vp.photo}" style="width: 100%;height: 350px;" data-holder-rendered="true" class="img-responsive">
        </div>
       {/volist}
    </div>
    <a class="left carousel-control" href="#slide-banner" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#slide-banner" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

<div class="container-fluid">
    <div class="container">
        <div class="row">
         <!--   <div class="col-sm-12 new-area-notice mb-20">
                <a href="/index/index/presentation?classify=1" class="float-left"><span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span> 公告　</a>
                <ul class="list-unstyled float-left mb-0">
                    {volist name='jrzx' id='vj'}
                    <li><span class="glyphicon glyphicon-stop" aria-hidden="true"></span><a href="/index/index/content?id={$vj.id}" class="text-overflow branch-name">{$vj.title}</a><span>{$vj.createtime}</span></li>
                  {/volist}
                </ul>
            </div>-->

            <div class="col-sm-4 new-area-slide mb-20 h240">
                <div id="slide-center-con" class="carousel slide" data-ride="carousel">
                   <!-- {volist name='xwtp' id='vx'}
			        <li data-target="#slide-banner" data-slide-to="{$key}" {if condition="$key eq 0"}class="active"{/if}></li>
			        {/volist}-->
                    <div class="carousel-inner" role="listbox">
                    	{volist name='xwtp' id='vx'}
                        <div {if condition="$key eq 0"}class="item active"{else /}class="item"{/if}>
                        	<a href="/index/index/content?id={$vx.id}">
                            <img alt="" src="/images/{$vx.photo}" style="width: 375px;height: 240px;" data-holder-rendered="true" class="img-responsive">
                              </a>
                        </div>
                      
                        {/volist}
                    </div>
                    <a class="left carousel-control" href="#slide-center-con" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#slide-center-con" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="new-area-list bd-1 h240 mb-20">
                    <!--<img src="./images/bg-news.jpg" alt="">-->
                    <h3>公司新闻</h3>
                    <ul class="list-unstyled">
                    	{volist name='gsxw' id='v'}
                        <li><a href="/index/index/content?id={$v.id}">{$v.title}</a><span>{:substr($v.createtime,0,10)}</span></li>
                       {/volist}

                    </ul>
                </div>
            </div>

            <div class="col-sm-4">
               <div class="new-area-list bd-1 h240 mb-20">
                    <!--<img src="./images/bg-news.jpg" alt="">-->
                    <h3>公告</h3>
                    <ul class="list-unstyled">
                    	{volist name='gsgg' id='v'}
                        <li><a href="/index/index/content?id={$v.id}">{$v.title}</a><span>{:substr($v.createtime,0,10)}</span></li>
                       {/volist}

                    </ul>
                </div>
            </div>

            <div class="col-sm-4 text-center">
                <a href="/index/index/content?id=2" class="new-area-down bd-1 h240 mb-20">
                    <img src="/static/home/images/bg-center-pc.png" alt="" class="float-left">
                    <div class="clearfix clearfix20"></div>
                    <h3>软件下载</h3>
                    <p>稳定 极速 全方位</p>
                </a>
            </div>

            <div class="col-sm-6">
                <div class="new-area-list bd-1 h240 mb-20">
                    <!--<img src="./images/bg-news.jpg" alt="">-->
                    <h3>行业动态</h3>
                    <ul class="list-unstyled">
                    	{volist name='clzxs' id='v'}
                        <li><a href="/index/index/content?id={$v.id}">{$v.title}</a><span>{:substr($v.createtime,0,10)}</span></li>
                       {/volist}

                    </ul>
                </div>
            </div>

            <div class="col-sm-2">
            	<a href="/home/Openanaccount/index" target="_blank">
                <div class="new-area-ad text-center bd-1 h240 mb-20">
                    <h3>交易中心</h3>
                    <img src="/static/home/images/new-area-ad.jpg" style="height:150px;width:180px">
                </div>
                </a>
            </div>

            <div class="col-sm-12">
                <div class="partner-list mb-20">
                    <h3>友情链接</h3>
                    <ul class=" list-unstyled">
                    	{volist name='hzhb' id='vz'}
                        <li><a href="{$vz.url}" target="_blank"><img src="/images/{$vz.photo}" style="width: 150px;height: 60px;" alt=""></a></li>
                       {/volist}
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>
<!--footer-->
{include file="Public/footer"/}
<!--footer-->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<!--<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>-->
<!--<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"-->
        <!--integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"-->
        <!--crossorigin="anonymous"></script>-->
<!--<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"-->
        <!--integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"-->
        <!--crossorigin="anonymous"></script>-->
    <script type="text/javascript" src="/static/home/js/jquery.liMarquee.js"></script>
    <!-- <script type="text/javascript" src="//hq.sinajs.cn/list=CU1812,RB1901,HC1901,AU1812,AG1812,NI1901,FU1901,ZN1812,BU1812,RU1901,SC1812,I1901,JM1901,J1901,M1901,AP1901,SR1901,CF1901,MA1901,TA1901,ZC1901" charset="UTF-8"></script> -->
    <script type="text/javascript" src="//hq.sinajs.cn/list=SP1906,CU1903,RB1905,HC1905,AU1906,AG1906,NI1905,FU1905,ZN1902,BU1906,RU1905,SC1903,I1905,JM1905,J1905,M1905,AP1905,SR1905,CF1905,MA1905,TA1905,ZC1905" charset="UTF-8"></script>

</body>
</html>
<script>
    //滚动
    $('.quotationCon').liMarquee({
        direction: 'up', scrollamount: 30
    });
    $('.typeShowImg').liMarquee();
    // 合作伙伴
    $('.partnerShowImg').liMarquee();
    //滚动的表格对应宽度相同
    $(".quotationHead").find("tr").find("th").css("width", "10%");
    $(".quotationCon").find("tr").find("td").css("width", "10%");
    //手机底部菜单选中样式
    // $(".menuFoot").find("a").click(function () {
    //     $("a").removeClass("active");
    //     $(this).addClass("active");
    // });
    //图片延迟加载插件
    // lazyLoadInit({
    //     coverColor: "white",
    //     //coverDiv:"<h1>test</h1>",
    //     offsetBottom: 0,
    //     offsetTopm: 0,
    //     showTime: 0,
    //     onLoadBackEnd: function (i, e) {
    //         console.log("onLoadBackEnd:" + i);
    //     }
    //     , onLoadBackStart: function (i, e) {
    //         console.log("onLoadBackStart:" + i);
    //     }
    // });

    // $(".indexMenuDrop").append("<div class=\"collapse navbar-collapse hidden-lg hidden-md\" id=\"xsHeadMenu\"></div>");
    // var headMenuHtml = $(".headMenu").html();
    // $("#xsHeadMenu").html(headMenuHtml);
    //手机底部菜单选中样式
    //$(".menuFoot").find("a").eq(0).addClass("active");
    //期货行情	
	var xs_elements = hq_str_SP1906.split(",");
	var xs_elements1 = hq_str_CU1903.split(",");
	var xs_elements2 = hq_str_RB1905.split(",");
	var xs_elements3 = hq_str_HC1905.split(",");
	var xs_elements4 = hq_str_AU1906.split(",");
	var xs_elements5 = hq_str_AG1906.split(",");
	var xs_elements6 = hq_str_NI1905.split(",");
	var xs_elements7 = hq_str_FU1905.split(",");
	var xs_elements8 = hq_str_ZN1902.split(",");
	var xs_elements9 = hq_str_BU1906.split(",");
	var xs_elements10 = hq_str_RU1905.split(",");
	var xs_elements11 = hq_str_SC1903.split(",");
	var xs_elements12 = hq_str_I1905.split(",");
	var xs_elements13 = hq_str_JM1905.split(",");
	var xs_elements14 = hq_str_J1905.split(",");
	var xs_elements15 = hq_str_M1905.split(",");
	var xs_elements16 = hq_str_AP1905.split(",");
	var xs_elements17 = hq_str_SR1905.split(",");
	var xs_elements18 = hq_str_CF1905.split(",");
	var xs_elements19 = hq_str_MA1905.split(",");
	var xs_elements20 = hq_str_TA1905.split(",");
	var xs_elements21 = hq_str_ZC1905.split(",");

    var xs_dataHtml = '<tr>' +
        '<th>商品名称</th>' +
        '<th>开盘价</th>' +
        '<th>最新价</th>' +
        '<th>最高价</th>' +
        '<th>最低价</th>' +
        '</tr>';
    if (xs_elements[0] != "" && xs_elements[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements1[0] != "" && xs_elements1[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements1[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements1[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements1[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements1[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements1[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements2[0] != "" && xs_elements2[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements2[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements2[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements2[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements2[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements2[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements3[0] != "" && xs_elements3[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements3[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements3[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements3[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements3[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements3[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements4[0] != "" && xs_elements4[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements4[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements4[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements4[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements4[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements4[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements5[0] != "" && xs_elements5[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements5[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements5[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements5[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements5[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements5[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements6[0] != "" && xs_elements6[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements6[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements6[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements6[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements6[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements6[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements7[0] != "" && xs_elements7[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements7[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements7[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements7[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements7[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements7[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements8[0] != "" && xs_elements8[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements8[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements8[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements8[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements8[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements8[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements9[0] != "" && xs_elements9[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements9[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements9[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements9[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements9[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements9[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements10[0] != "" && xs_elements10[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements10[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements10[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements10[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements10[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements10[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements11[0] != "" && xs_elements11[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements11[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements11[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements11[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements11[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements11[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements12[0] != "" && xs_elements12[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements12[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements12[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements12[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements12[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements12[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements13[0] != "" && xs_elements13[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements13[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements13[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements13[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements13[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements13[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements14[0] != "" && xs_elements14[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements14[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements14[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements14[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements14[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements14[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements15[0] != "" && xs_elements15[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements15[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements15[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements15[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements15[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements15[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements16[0] != "" && xs_elements16[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements16[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements16[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements16[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements16[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements16[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements17[0] != "" && xs_elements17[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements17[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements17[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements17[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements17[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements17[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements18[0] != "" && xs_elements18[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements18[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements18[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements18[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements18[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements18[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements19[0] != "" && xs_elements19[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements19[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements19[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements19[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements19[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements19[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements20[0] != "" && xs_elements20[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontGreen">' + xs_elements20[0] + '</td>' +
            '<td class = "fontGreen">' + xs_elements20[2] + '</td>' +
            '<td class = "fontGreen">' + xs_elements20[8] + '</td>' +
            '<td class = "fontGreen">' + xs_elements20[3] + '</td>' +
            '<td class = "fontGreen">' + xs_elements20[4] + '</td>' +
            '</tr>';
    }
    if (xs_elements21[0] != "" && xs_elements21[0] != null) {
        xs_dataHtml += '<tr>' +
            '<td class = "fontRed">' + xs_elements21[0] + '</td>' +
            '<td class = "fontRed">' + xs_elements21[2] + '</td>' +
            '<td class = "fontRed">' + xs_elements21[8] + '</td>' +
            '<td class = "fontRed">' + xs_elements21[3] + '</td>' +
            '<td class = "fontRed">' + xs_elements21[4] + '</td>' +
            '</tr>';
    }
    $('.xs_dataHtml').find("table").html(xs_dataHtml);

    $(".BN3").find(".carousel-item").eq(0).addClass("active");
    $(".AD3").find(".carousel-item").eq(0).addClass("active");

</script>